@charset "utf-8";

/* gnb */
#gnb .menu {width:595px;}
#gnb .menu li.introduction, .whole .introduction {width:128px; padding-left:4px;}
#gnb .menu li.management, .whole .management {width:186px; padding-left:4px;}
#gnb .menu li.social, .whole .social {width:140px; padding-left:4px;}
#gnb .menu li.materials, .whole .materials {width:109px;}
#gnb .subMenu p {width:330px; margin-right:30px;}
#gnb .subMenu ul {min-width:550px; }

.whole .figure {margin-right:33px;}

/* footer */
#footer {width:972px; margin:4px auto 0; padding:10px 0 15px; background:url(/img/usr/bg/bg_footer_top.gif) no-repeat left top;}
#footContents {min-height:51px; padding:0 6px; background:url(/img/usr/bg/bg_footer_contents.gif) no-repeat left bottom;}
#footer img {vertical-align:top;}
#footer .copy {float:left; margin:15px 0 0; padding:0 16px 0 20px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.7em; line-height:100%;}
#footer .footMenu {float:left; margin:15px 0 0;}
#footer .footMenu li {padding:0 8px 0 9px; background:url(/img/usr/bg/bg_foot_menu.gif) no-repeat left 2px;}
#footer .footMenu li:first-child {padding-left:0; background:none;}
#footer .footMenu li,
#footer .footMenu li a {float:left; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.825em; color:#555; line-height:100%;}
#footer .selFrm a {font-family:Tahoma;}

.selectArea li a {padding: 0 14px 0 19px;}

/* location */
#contentsArea .location {position:relative; right:-10px; top:6px; text-align:right;}
#contentsArea .location a {background:url(/img/usr/eng/bul/bul_location.gif) no-repeat right 50%;}

/* layer */
.myPresent .userPresent {position:relative; width:285px; height:41px; margin:0 auto; padding:12px 0 0 16px; border:1px solid #ddd; background:#f6f6f6;}
.myPresent .userPresent input[type="password"] {float:left; width:140px; height:12px; margin:0;}
.myPresent .userPresent .confirm {position:absolute; right:21px; top:17px; width:53px; height:20px; margin:0;}

/* reportArea */
.reportArea ul {width:100%;}
.reportArea .report ul .reportList {float:none; width:auto;}
.report ul li.bgType1 {background:url(/img/usr/eng/bg/bg_report_1.gif) no-repeat;}
.report ul li.bgType2 {background:url(/img/usr/eng/bg/bg_report_2.gif) no-repeat;}

/* movementIntro */
#contetns.movementIntro .location{right:19px;}
.movementIntro{background-image:url('/img/usr/eng/srt/bg_moveIntro.gif');}

/* easyMove */
#contetns.easyMove .location{right:-11px;}
.easyMove .contTitle{padding-top:25px;background-position:11px 25px;}
.easyMove .actReport li{min-height:445px;padding-bottom:30px;}
.easyMove .actReport li.second{min-height:305px;}
.easyMove .actReport dt{font-size:14px;letter-spacing:-1px;}
.easyMove .yearReport li .report{width:500px;letter-spacing:-1px;}

/* safeMove */
#contetns.safeMove .location{right:-11px;}
.safeMove .contTitle{padding-top:25px;background-position:11px 25px;}
.safeMove .actReport li{min-height:380px;padding-bottom:30px;}

/* greenMove */
#contetns.greenMove .location{right:-11px;}
.greenMove .contTitle{padding-top:25px;background-position:11px 25px;}

/* happyMove */
#contetns.happyMove .location{right:-11px;}
.happyMove .contTitle{padding-top:25px;background-position:11px 25px;}

/* global volunteer */
#contetns.globalVolun .location{right:4px;}
.globalVolun h3{padding-top:17px;}

/* continental volunteer */
.continVolun h3{padding-top:17px;}
.continVolun .continMap{padding-top:0;}

/* introduce  */
#contetns .biz .globalBiz ul li {width:197px;}
#contetns .biz .globalBiz ul li .figure:first-child {margin-right:5px;}

/* site map */
.siteMap .siteTall {float:left; width:235px;}
.siteMap .siteTall.csrMaterials {width:195px;}
.siteMap .siteTall ul li {width:213px;}
.siteMap .siteTall ul li a {width:187px;}
.siteMap .siteTall h3 {font-size:1.313em;}
.siteMap .siteTall ul li ul {position:relative;}
.siteMap .siteTall ul li ul.allocationArea {height:46px;}
.siteMap .siteTall ul li ul li.allocation {position:absolute; left:0; top:29px;}
.siteMap .siteTall ul li ul li.allocation a {width:213px;}

/* hs_en */
.location a, .location span{font-family: 'Tahoma', "Dotum";}
.introduce h3{font-family:"ModernHMedium", 'Tahoma', sans-serif;}

#contetns .biz .EngBiz {width:813px; height:120px; margin:14px auto 22px; padding:0;}
#contetns .biz .EngBiz ul {overflow:hidden; width:100%; padding:21px 0 0;}
#contetns .biz .EngBiz ul li {float:left; width:195px; text-align:left; font-size:0.9em; line-height:16px;}
#contetns .biz .EngBiz ul li:first-child {padding:0 0 0 23px;}
#contetns .biz .EngBiz ul li .figure {display:inline-block; margin-right:10px;}
#contetns .biz .EngBiz ul li strong {display:inline-block; vertical-align:middle;}
#contetns .biz .EngBiz ul .clover {color:#79c239;}
#contetns .biz .EngBiz ul .band {color:#e2b200;}
#contetns .biz .EngBiz ul .santa {color:#5b80dd;}
#contetns .biz .EngBiz ul .blood {color:#dd5d5d;}
#contetns .philosophy ul li.point ul li span{min-height:90px;margin-top:3px;}
#contetns .vision p.title{font-size:1.65em;color:#5e5e5e;font-family:'ModernHMedium', 'Tahoma';}
#contetns .emphasis ul li{width:213px;}
#contetns .emphasis ul li.easyMove{padding-left:23px;}
#contetns .emphasis ul li strong{padding-top:0px;}
#contetns .emphasis ul li.safeMove, #contetns .emphasis ul li.greenMove{margin-left:10px}
#contetns .emphasis ul li span.figure{min-height:100px;margin-right:5px;}
#contetns .biz .globalBiz ul li strong{width:108px;letter-spacing:-1px;margin-top:-10px;}

p.slogan{position:relative;margin-bottom:83px;}
p.slogan span.move{position:absolute;top:128px;left:0;}
p.slogan span.world{position:absolute; top:185px; left:500px;}
p.slogan span.together{width:178px;position:absolute;top:52px;left:644px;}

.strategy h3, .sustainMngEnvir h4, .sustainMngSoct h4{font-family:'ModernHMedium', 'Tahoma',sans-serif !important;}
.strategy p.msg{position:absolute;top:0 !important;}
.desc h3{position:relative;z-index:20;}

.sustainMngEco .location, .sustainMngEnvir .location, .sustainMngSoct .location{position:absolute;top:-25px !important;}
.sustainMngEco .globalProduct .note{position:absolute;top:161px;}
.sustainMngEnvir .toxicMng .graph p{height:50px;}
a.more{vertical-align:bottom;padding:5px;}
.graph span.caption{display:block;background:url('/img/usr/eng/common/square.gif') 0 8px no-repeat; padding:0 0 10px 10px;color:#595959;}
.graph span.caption em{font-family: 'Tahoma', 'Dotum';color:#929292;}

.sustainMngSoct .employReport .graph p{letter-spacing:-1px;}
.sustainMngSoct .employReport li tbody th{text-align:left;padding-left:10px;}
em.subtitle{font-size:11px !important; font-family: 'Tahoma',"Dotum";}
.sustainMngSoct .volunStructure{position:relative;min-height:373px;margin-bottom:45px;background:url('/img/usr/eng/stg/soct_img_15.gif') no-repeat 0 0;}
.sustainMngSoct .volunStructure dt{color:#595959;font-weight:bold;}
.sustainMngSoct .volunStructure dd{padding-left:8px;color:#686868;font-size:.9em;line-height:1.5;background:url('/img/usr/bul/bul_small_dot.gif') no-repeat 0 8px;}
.sustainMngSoct .volunStructure .easyMv{position:absolute;left:60px;top:20px;}
.sustainMngSoct .volunStructure .safeMv{position:absolute;left:596px;top:20px;}
.sustainMngSoct .volunStructure .happyMv{position:absolute;left:60px;top:238px;}
.sustainMngSoct .volunStructure .greenMv{position:absolute;left:596px;top:238px;}
.partVolun{margin-bottom:40px;}